<link rel="stylesheet" type="text/css" href="{{static_url('mall_car'|ns_css)}}">
<div class="AD_1200"><img alt="car" src="{{static_url('web/cssimg/new/upload/AD_1200_2.jpg')}}"></div>
<div class="M_car">
    {% if carInfo %}
    {% for car in carInfo %}
        {%if car['showStatus'] %}
        <div class="M_car_hd clearfix">
            <h3><em></em>{{ car['typeName'] }}</h3>
            <p>{% if car['description']|length>0 %}({{ car['description'] }}){% endif %}</p>
        </div>
        {%if car['typeId'] == 10 %}
            <div style="font-size:14px;margin-top: 6px;margin-left: 15px;">
                <span style="  font-weight: bold;">获取资格：</span>
                <span>参与官方活动就有机会获得限量版活动座驾。</span>
            </div>
        {% endif %}
        {%if car['typeId'] == 4 %}
            <div style="font-size:14px;margin-top: 6px;margin-left: 15px;">
                <span style="  font-weight: bold;">获取资格：</span>
                <span>当富豪等级到达王爵以上的<span style="color:red;">VIP</span>用户，可获得专属座驾。</span>
            </div>
        {% endif %}
        <div class="M_car_item clearfix">
            <ul>
                {% for i in 0..car['info']|length - 1 %}
                    <li id="car-{{ car['info'][i]['id'] }}" style="{% if i!=0 and (i+1)%4==0 %}margin-right:0px;{%endif%}">
                        <div class="pic">
                            <i class="sprite-car_img_big {{ car['info'][i]['configName'] }}"></i>
                        </div>
                        {% if car['typeId'] == 10 %}
                        <div class="txt" style="background-color: white;border: 1px solid #ededed;">
                            <h4>{{ car['info'][i]['name'] }}</h4>
                            <div style="width: 202px;border-bottom: 1px solid #ededed;margin:-5px 0 0 10px;"></div>
                            <p>
                                <span class="pull-left">
                                    <em class="t_purple pull-left" style="text-align: left;font-size: 12px;margin: 6px 0 0 10px;">{{ car['info'][i]['description'] }}</em>
                                </span>
                                {% if car['sellStatus'] %}
                                <a class="bt_pay" onclick="buyCar({{ car['info'][i]['id'] }});">{% if car['info'][i]['hasCar']|default(0)==1 %}续费{% else %}购买{% endif %}</a>
                                {% else %}
                            <div class="no_sale" style="top: 45px;"></div>
                            {% endif %}
                            </p>
                        </div>
                        <img src="{{static_url('web/cssimg/new/line.png')}}">
                        {% else %}
                        <div class="txt">
                            <h4>{{ car['info'][i]['name'] }}</h4>
                            <p>
                                <span class="price">
                                {% if car['typeId'] == 4 %}
                                    <em class="t_purple">{{ car['info'][i]['description'] }}</em>
                                {% else %}
                                    <i class="i_L"></i><em class="t_red">{{ car['info'][i]['price'] }}</em>/月
                                {% endif %}
                                </span>
                                {% if car['sellStatus'] %}
                                <a class="bt_pay sendC" style="margin-top: -14px;" onclick="sendCarType({{ car['info'][i]['id'] }});">赠送</a>
                                <a class="bt_pay sendB" style="margin-top: 7px;" onclick="buyCarType({{ car['info'][i]['id'] }});">{% if car['info'][i]['hasCar']|default(0)==1 %}续费{% else %}购买{% endif %}</a>
                                {% else %}
                            <div class="no_sale"></div>
                            {% endif %}
                            </p>
                        </div>
                        {% endif %}
                        {% if car['info'][i]['hasCar']|default(0)==1%}
                        <div class="item-has"></div>
                        {% endif %}
                    </li>
                {% endfor %}
            </ul>
        </div>
        {%endif%}
    {%endfor%}
    {%endif%}
</div>

<div class="alartDia">
    <div class="dia-win buycar" style="margin-top: -222.5px; display:none; opacity: 1;border: 1px solid #ccc;background-color: white;width: 555px;">
        <div class="header">
            <!-- <i class="ico-main-12 alert-logo"></i> -->
            <span class="_tip" style="margin-left: 20px;">购买入场特效</span>
            <i class="ico-main-2 alert-exit js-exitAlert-control pull-right" onclick="closedia()"></i>
        </div>
        <div class="alert-content clearfix">
            <div class="pull-left" style="width: 226px;height: 262px;">
                <div class="leftImg"></div>
                <div class="leftType"></div>
                <div class="leftPrice">价格：<span id="_buyVipP" class="buyVipFontColor">0</span>聊币/月</div>

            </div>
            <div class="bugInfo pull-left"  style="width: 300px;height: 262px;">
                <ul>
                    <li>
                        <span>&nbsp;&nbsp;&nbsp;我的账号ID：</span>
                        <span id="_userID">您还未登录</span>
                        <a class="sendFriend" onclick="sendCarType()">赠送好友</a>
                        <!--<input type="text" style="width: 120px;height: 24px;padding: 2px;border: 1px solid #ccc;">-->
                    </li>
                    <li>
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;购买时长：</span>
                        <a class="_buyTime active" vipid="1">30天</a>
                        <a class="_buyTime" vipid="3">90天</a>
                        <a class="_buyTime" vipid="6">180天</a>
                        <a class="_buyTime" vipid="12" style="margin-left: 90px;margin-top: 8px;">360天</a>
                    </li>
                    <li>
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;应付金额：</span>
                        <span id="totalPrice" class="buyVipFontColor">0</span>&nbsp;聊币
                        <a href="/charging" class="goCharing">充值</a>
                    </li>
                    <li>
                        <span>您的账户余额：</span>
                        <span id="myCash" class="buyVipFontColor">0</span>&nbsp;聊币
                    </li>
                    <li>
                        <div id="goBuyCar-ok" class="goBuyVip" onclick="buyCar(this,1)">购买</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="alartDia">
    <div class="dia-win sendcar" style="margin-top: -222.5px; display: none; opacity: 1;border: 1px solid #ccc;background-color: white;width: 555px;">
        <div class="header">
            <!-- <i class="ico-main-12 alert-logo"></i> -->
            <span class="_tip" style="margin-left: 20px;">购买入场特效</span>
            <i class="ico-main-2 alert-exit js-exitAlert-control pull-right" onclick="closedia()"></i>
        </div>
        <div class="alert-content clearfix">
            <div class="pull-left" style="width: 226px;height: 330px;">
                <div class="leftImg" style="margin-top: 80px;"></div>
                <div class="leftType"></div>
                <div class="leftPrice">价格：<span id="buyVipO" class="buyVipFontColor">0</span>聊币/月</div>

            </div>
            <div class="bugInfo pull-left"  style="width: 300px;height: 330px;">
                <ul>
                    <li>
                        <span>&nbsp;&nbsp;&nbsp;好友账号ID：</span>
                        <input id="Fuid" class="inputText" type="text">
                        <a class="sendFriend" style="margin-left: 20px;" onclick="buyCarType()">买给自己</a><br>
                        <label id="pointId" style="color: red;margin-left: 90px;"></label>
                    </li>
                    <li style="margin-top: 5px;">
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;购买时长：</span>
                        <a class="_sendTime active" vipid="1">30天</a>
                        <a class="_sendTime" vipid="3">90天</a>
                        <a class="_sendTime" vipid="6">180天</a>
                        <a class="_sendTime" vipid="12" style="margin-left: 90px;margin-top: 8px;">360天</a>
                    </li>
                    <li>
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;应付金额：</span>
                        <span id="sendTotal" class="buyVipFontColor">0</span>&nbsp;聊币
                        <a href="/charging" class="goCharing">充值</a>
                    </li>
                    <li>
                        <span>您的账户余额：</span>
                        <span id="_viptotal" class="buyVipFontColor">0</span>&nbsp;聊币
                    </li>
                    <li id="_telephone"></li>
                    <li id="_smsCode"></li>
                    <li>
                        <div id="goSendVip-ok" class="goBuyVip" style="margin-top: -9px;" type="1" onclick="buyCar(this,2)">赠送</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>